//- Copyright (C) 2018-2022 Chatopera Inc, <https://www.chatopera.com>
//- 
//- Licensed under the Apache License, Version 2.0 (the "License");
//- you may not use this file except in compliance with the License.
//- You may obtain a copy of the License at
//- 
//-  http://www.apache.org/licenses/LICENSE-2.0
//- 
//-  Unless required by applicable law or agreed to in writing, software
//- distributed under the License is distributed on an "AS IS" BASIS,
//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//- See the License for the specific language governing permissions and
//- limitations under the License.
extends /apps/entim/include/layout.pug

block content
    #ukefu-entim-skin.layui-layer-content
        ul.ukefu-entim-skin
            li
                img(src='/images/skin/1.jpg', data-color='#333333')
            li
                img(src='/images/skin/2.jpg', data-color='#ffffff')
            li
                img(src='/images/skin/3.jpg', data-color='#333333')
            li
                img(src='/images/skin/4.jpg', data-color='#ffffff')
            li
                img(src='/images/skin/5.jpg', data-color='#ffffff')
            li#defaultSkin(data-color='#333333')
                cite 默认
    script.
        $('#ukefu-entim-skin img').on("click", function () {
            parent.$("body").css('background-image', "url(" + $(this).attr('src') + ")").css('color', $(this).data("color"));
            parent.$("body a").css('color', $(this).data("color"));
        });
        $('#defaultSkin').on("click", function () {
            parent.$("body").css('background-image', '').css('color', $(this).data("color"));
            parent.$("body a").css('color', $(this).data("color"));
        });

